<script setup>
// import todo from "./views/todo.vue";
// import todoCompont from "./components/todoCompont.vue";

// import channel from "./views/movie/channel.vue";
// import my from "./views/movie/my.vue";
// import homepage from "./views/movie/homepage.vue";
import { useRouter } from "vue-router";

const router = useRouter();

const tomy = () => {
  router.push("/my");
};
</script>

<template>
  <!-- <todo/> -->
  <!-- <todoCompont /> -->

  <div class="pper">
    <img
      @click="tomy"
      src="https://ts1.cn.mm.bing.net/th/id/R-C.47552da175d6aff1fc16a7d59a36a9eb?rik=Pcpt2uSvcf%2bETA&riu=http%3a%2f%2fimg.touxiangkong.com%2fzb_users%2fupload%2f2022%2f12%2f202212111670753004444017.jpg&ehk=9DaYB7pw5oxe3iL28JfWb4LG4yF1hG1sogYzFUPlqm4%3d&risl=&pid=ImgRaw&r=0"
      alt="头像"
      style="border-radius: 50%"
    />
    <div class="routerlink">
      <router-link to="/">首页</router-link>
      <router-link to="/page">个人简介</router-link>
      <router-link to="/todo">代办事项列表</router-link>
      <!-- <router-link to="/movie">电影列表</router-link> -->
      <router-link to="/test">测试</router-link>
      <router-link to="/classpage">课程成绩</router-link>
      <router-link to="/grades">个人成绩</router-link>
      <router-link to="/registration">注册</router-link>
    </div>
  </div>
  <router-view />
  <!-- <channel /> -->
  <!-- <my /> -->
  <!-- <homepage /> -->
</template>

<style scoped>
.pper {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  height: 100px;
  width: 100%;
  background-color: bisque;
  color: white;
  padding: 10px 10px;
  font-size: large;
  z-index: 999;
}
.routerlink {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 10px;
}
</style>
